<template>
  <div class="deposit_detail_page">
    <div class="type_box">
      <van-cell title="转账类型" :value="transferType[form.type]" />
      <van-cell title="到账时间" :value="form.date" />
    </div>
    <div class="receive_payment_box">
      <van-cell title="收款人账号" :value="form.payeeAccount" />
      <van-cell title="收款人名称" :value="form.payeeName" />
      <van-cell title="是否向个人转账" :value="form.isTransferToPer" />
      <van-cell title="开户行名称" :value="form.bankName" />
    </div>
    <div class="transfer_payment_box">
      <van-cell title="付款账号" :value="form.account" />
      <van-cell title="转账金额" :value="form.amount" />
      <van-cell title="转账用途" :value="form.arrival" />
      <van-cell title="备注" :value="form.remark" />
    </div>
    <div class="transfer_payee_box">
      <van-cell title="是否预约" :value="form.isReserve" />
      <van-cell title="预约日期" :value="form.type" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: this.$store.state.formData || {},
      transferType: {
        '01': '行内转账',
        '02': '跨行转账'
      }
    };
  },
  methods: {
    next() {
      console.log(1);
    }
  },
  mounted() {
    console.log(this.$route.params);
    console.log(this.$route);
    console.log(this.$store.state.formData);
  }
};
</script>

<style lang="less">
  .deposit_detail_page{
    background-color: #EFEFEF;
    height: calc(100vh - 46PX);
    .type_box{
      padding-top: 1vh;
    }
    .receive_payment_box {
      padding-top: 1vh;
    }
    .transfer_payment_box {
      padding-top: 1vh;
    }
    .transfer_payee_box {
      padding-top: 1vh;
    }
    .other_box {
      padding-top: 1vh;
    }
    .next_box{
      padding: 1.2rem 0.8rem 0;
    }
  }
</style>
